import React from 'react'
import store from "../../store/store"
import {incrementAction,decrementAction,waiIncrementAction} from "../../store/actions/countActions"


export default function Count() {
  const {count}=store.getState().count
  const {movieList}=store.getState().movie

  const incrementHandle = () => {
    // store.dispatch方法用来发送请求的,接收action对象,有两个属性.一个是类型,一个是数据
    store.dispatch(incrementAction(1))
  }

  const decreamentHandle = () => {
    store.dispatch(decrementAction(1))

  }

  const ifOddDecrementHandle = () => {
    if (count % 2 !== 0) {
      store.dispatch(incrementAction(1))
    }

  }

  const waitDecrementHandle = () => {
 
   store.dispatch( waiIncrementAction(1))
   

  }

  return (
    <div>
      <h1>我是Count组件 我的值是{ count }</h1>
      <h2>当前电影的总条数是{movieList.length}</h2>
      <div>
        <button onClick={incrementHandle}>累加</button>
        <button onClick={decreamentHandle}>累减</button>
        <button onClick={ifOddDecrementHandle}>如果是奇数再加1</button>
        <button onClick={waitDecrementHandle}>等2s再加1</button>
      </div>

    </div>
  )
}
